<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/index :: head"></head>
<body class="mainbody">
<div th:replace="common/index :: location('素材管理')"></div>
<div th:fragment="toolbar" class="toolbar-wrap">
    <div class="toolbar">
        <div class="box-wrap">
            <a class="menu-btn"></a>
            <div class="l-list">
                <ul class="icon-list">
                    <li th:if="${permission!=null?(permission%4>1):true}"><a class="add" href="0"><i></i><span>新增</span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<form id="searchForm" method="GET" th:object="${search}">
    <input type="hidden" name="page" th:value="${page.number+1}" />
    <input type="hidden" name="size" th:value="${page.size}" />
    <div class="det-list clearfix">
        <div class="group btm">
            <div class="control">
                <div class="title">名称</div>
                <input class="input normal" type="text" th:field="*{name}"/>
            </div>
        </div>
        <div class="group searchbtn">
            <div class="btn-list">
                <input type="submit" value="查询" class="btn" />
                <input type="reset" value="重置" class="btn yellow" />
            </div>
        </div>
        <div style="clear:both;"></div>
    </div>
</form>

<table id="list">
    <thead>
    <tr>
        <th width="200">操作</th>
        <th width="100">名称</th>
        <th width="300">图片路径</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="obj : ${page.content}" th:object="${obj}">
        <td><a>查看</a></td>
        <td th:text="*{name}"></td>
        <td><img style="width: 80px;height:80px" th:src="*{imgUrl}"/></td>
    </tr>
    </tbody>
</table>

<div th:replace="common/index :: pagination(${page})"></div>
<script type="text/javascript" th:replace="common/index :: indexscript"></script>
<script>
</script>
</body>
</html>